$(document).ready(function() {
	rem();
  	var show_num = [];
  	draw(show_num);
  	$("#canvas").on('click', function() {
  		draw(show_num);
  	})
  	$('#remember').on('click', function() {
  		if ($(this).val() == 0) {
  			$(this).attr('value', 1);
  		} else if ($(this).val() == 1) {
  			$(this).attr('value', 0);
  		}
  	})
	//登录
  	$("#denglu").on('click', function() {
  		var val = $(".input-val").val().toLowerCase();
  		var num = show_num.join(""); //用于把数组中的所有元素放入一个字符串。
  		if (val == '') {
  			alert('请输入验证码！');
  		} else if (val == num) {
  			if (username != "" && password != "") {
				if($("#remember").val()=='1'){}
  				login();
  			}
  		} else {
  			alert('验证码错误！请重新输入！');
  			$(".input-val").val('');
  			draw(show_num);
  		}

  	});
	function extis(){
		var token=localStorage.getItem(satoken);
		if(token==null||token==""){
			        $("#indexLogin").show(); 
		}else{
			var userVo = {
				'token': token				
			}
				$.post(server_url + "/userStatus", userVo, function(msg) {
					var data=msg.data;
						if (msg.success == '0') {
							  $("#indexLogin").hide(); 
							
							}else{
								
							}
				});
		}
		
	}
	///登录
  	function login() {
		var userVo = {
			'username': $(".username1").val(),
			'password': $(".password1").val(),
			'remember': $("#remember").val()
		}
  		$.post(server_url + "/doLogin", userVo, function(msg) {
		
  			if (msg.success == '0') {
				var data=msg.data;
  				if (data.remember == '1') {					
					localStorage.setItem(usernameLocal,$(".username1").val());
					localStorage.setItem(passwordLocal,$(".password1").val());
						
  			}else if (data.remember == '0'&&localStorage.getItem(usernameLocal)!=null&&localStorage.getItem(passwordLocal)!=null){
				localStorage.removeItem(usernameLocal);
				localStorage.removeItem(passwordLocal);
				
			}
			localStorage.setItem(name,data.name);
			localStorage.setItem(photo,data.image);
			localStorage.setItem(satoken, data.token);
			localStorage.setItem(username, data.username);
			localStorage.setItem(password, data.password);
			window.location.href = "../index.html";
			}
  			if (msg.errorCode == '1001') {
  				alert(msg.msg);
  			}
  		});
  	}
	//注册
$("#zhuce").on('click', function() {
		var userVo = {
			'username': $("#username").val(),
			'password': $("#password").val(),
			'email': $("#email").val()
		}
		$.post(server_url + "/addUser", userVo, function(msg) {
			if (msg.success == '0') {
				window.location.href = "../denglu/index.html";
			}
			if (msg.errorCode == '1001') {
				alert(msg.msg);
			}
		});
	});
	//忘记密码
	$("#forget").on('click', function() {
			var userVo = {
				'username': $("#username2").val(),
				'password': $("#password2").val(),
				'email': $("#email2").val()
			}
			$.post(server_url + "/forget", userVo, function(msg) {
				if (msg.success == '0') {
					window.location.href = "../denglu/index.html";
				}
				if (msg.errorCode == '1001') {
					alert(msg.msg);
				}
			});
		});
	//记住我模式
	function rem(){
		if (localStorage.getItem(usernameLocal)!=null&&localStorage.getItem(passwordLocal)!=null){
			$(".username1").val("");
			$(".username1").val(localStorage.getItem(usernameLocal));
			$(".password1").val("");
			$(".password1").val(localStorage.getItem(passwordLocal));
		}
	}
		

  	//生成并渲染出验证码图形
  	function draw(show_num) {
  		var canvas_width = 100;
  		var canvas_height = 30;
  		var canvas = document.getElementById("canvas"); //获取到canvas的对象
  		var context = canvas.getContext("2d"); //获取到canvas画图的环境
  		canvas.width = canvas_width;
  		canvas.height = canvas_height;
  		var sCode =
  			"a,b,c,d,e,f,g,h,i,j,k,m,n,p,q,r,s,t,u,v,w,x,y,z,A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0";
  		var aCode = sCode.split(","); //把字符串分割成字符串数组。
  		var aLength = aCode.length; //获取到数组的长度
  		for (var i = 0; i < 4; i++) { //这里的for循环可以控制验证码位数（如果想显示6位数，4改成6即可）
  			var j = Math.floor(Math.random() * aLength); //获取到随机的索引值,random() 方法可返回介于 0（包含） ~ 1（不包含） 之间的一个随机数。
  			// var deg = Math.random() * 30 * Math.PI / 180;//产生0~30之间的随机弧度
  			var deg = Math.random() - 0.5; //产生一个随机弧度
  			var txt = aCode[j]; //得到随机的一个内容
  			show_num[i] = txt.toLowerCase();
  			var x = 10 + i * 20; //文字在canvas上的x坐标
  			var y = 20 + Math.random() * 8; //文字在canvas上的y坐标
  			context.font = "bold 23px 微软雅黑";
  			context.translate(x, y);
  			context.rotate(deg);
  			context.fillStyle = randomColor();
  			context.fillText(txt, 0, 0);
  			context.rotate(-deg);
  			context.translate(-x, -y);
  		}
  		for (var i = 0; i <= 5; i++) { //验证码上显示线条
  			context.strokeStyle = randomColor();
  			context.beginPath();
  			context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height);
  			context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height);
  			context.stroke();
  		}
  		for (var i = 0; i <= 30; i++) { //验证码上显示小点
  			context.strokeStyle = randomColor();
  			context.beginPath();
  			var x = Math.random() * canvas_width;
  			var y = Math.random() * canvas_height;
  			context.moveTo(x, y);
  			context.lineTo(x + 1, y + 1);
  			context.stroke();
  		}
  	}
  	//得到随机的颜色值
  	function randomColor() {
  		var r = Math.floor(Math.random() * 256);
  		var g = Math.floor(Math.random() * 256);
  		var b = Math.floor(Math.random() * 256);
  		return "rgb(" + r + "," + g + "," + b + ")";
  	}

  });
